/*礼盒抽奖页*/

.bg-index {
  height: 26.293333rem;
  background-image: url(../images/bg_index.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.lottery-wrap {
  padding-top: 7.08rem;
}

.lottery-wrap .lottery-content {
  position: relative;
  width: 8.693333rem;
  height: 10.466667rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.533333rem;
}

.lottery-content .gift-item {
  position: absolute;
  z-index: 100;
  display: block;
}

/*十个礼盒定位样式*/

.gift-0 {
  top: 1.28rem;
  left: 0.666667rem;
  width: 1.466667rem;
  height: 1.466667rem;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.gift-1 {
  top: 1.813333rem;
  left: 3.36rem;
  width: 1.626667rem;
  height: 1.146667rem;
  -webkit-transform: rotate(42deg);
          transform: rotate(42deg);
}

.gift-2 {
  top: 1.946667rem;
  right: 0.933333rem;
  width: 2.16rem;
  height: 2.426667rem;
  -webkit-transform: rotate(16deg);
          transform: rotate(16deg);
}

.gift-3 {
  top: 3.946667rem;
  left: 1.306667rem;
  width: 3.253333rem;
  height: 1.093333rem;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.gift-4 {
  bottom: 3.546667rem;
  left: 0.853333rem;
  width: 1.173333rem;
  height: 1.04rem;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}

.gift-5 {
  bottom: 3.28rem;
  left: 2.426667rem;
  width: 2.053333rem;
  height: 1.52rem;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
}

.gift-6 {
  bottom: 3.066667rem;
  right: 1.226667rem;
  width: 2.373333rem;
  height: 1.733333rem;
  -webkit-transform: rotate(-11deg);
          transform: rotate(-11deg);
}

.gift-7 {
  bottom: 0.986667rem;
  left: 0.986667rem;
  width: 1.493333rem;
  height: 1.52rem;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.gift-8 {
  bottom: 0.933333rem;
  left: 3.013333rem;
  width: 1.066667rem;
  height: 1.146667rem;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.gift-9 {
  bottom: 1.2rem;
  right: 0.613333rem;
  width: 3.28rem;
  height: 1.066667rem;
  -webkit-transform: rotate(16deg);
          transform: rotate(16deg);
}

/*弹出层*/

.mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  visibility: hidden;
  background-color: rgba(0,0,0,.6);
}

.rules-text,
.status-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
}

.rules-text {
  width: 7.76rem;
  height: 9.88rem;
  background-image: url(../images/rules.png);
}

.status-text__received {
  width: 10rem;
  height: 12.066667rem;
  background-image: url(../images/received.png);
}

.status-text__win {
  width: 10rem;
  height: 13.64rem;
  background-image: url(../images/win.png);
}

.status-text__won {
  width: 6.853333rem;
  height: 7.213333rem;
  background-image: url(../images/won.png);
}

.status-text__wish {
  width: 10rem;
  height: 13.64rem;
  background-image: url(../images/wish.png);
}

.status-text__wished {
  width: 6.853333rem;
  height: 7.213333rem;
  background-image: url(../images/wished.png);
}

.close-btn {
  position: absolute;
  top: -0.266667rem;
  right: -0.266667rem;
  display: block;
  width: 1.386667rem;
  height: 1.386667rem;
  text-indent: -133.32rem;
  border: none;
  outline: 0;
  border-radius: 50%;
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.close-btn:active {
  background-color: #ececec;
}

.status-text .status-wrap,
.status-text .status-wrap--sm {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.status-text .status-wrap {
  width: 7.24rem;
  height: 9.96rem;
}

.status-text .status-wrap--sm {
  width: 6.853333rem;
  height: 7.213333rem;
}

.status-wrap__content {
  width: 100%;
  position: absolute;
  bottom: 0.933333rem;
  left: 0;
  text-align: center;
}

.status-wrap__content p {
  margin-bottom: 0.2rem;
  color: #b54b00;
  font-size: 0.453333rem;
  font-weight: bold;
}

.status-wrap__content p.winning-code {
  margin-bottom: 0.666667rem;
}

.share-btn {
  display: inline-block;
  width: 3.08rem;
  height: 1.08rem;
  background-image: url(../images/share.png);
  background-repeat: no-repeat;
  background-size: contain;
}